// 路由配置文件
// 路由 api 也是组件
import React,{ Suspense } from "react"
import routers from "./router"
import {  Route, Redirect, Switch } from "react-router-dom";   //  重定项是一个 组件
// Suspense  转场组件，在加载中时候 会显示的
// exact 表示路由路径完全匹配
// Route 表示路由展示
// Switch 表示 一次 只渲染一个
/**   需要 使用  5 版本 的 路由  yarn add react-router-dom@5.x 需要安装一下 */
export default function RouterComp() {
    return <Suspense fallback={ <div> 加载中。。。 </div> } >
            <Redirect from="/" to="/home" exact />
            <Switch>
                { routers.map((item, index) => <Route key={index} path={item.path} component={item.component}></Route> ) }
            </Switch>
           
    </Suspense>
}